import { createRouter, createWebHistory, RouterLink } from 'vue-router'
import Home from './components/Home.vue'
import Movie from './components/Movie.vue'
import About from './components/About.vue'
import HelloWorld from './components/HelloWorld.vue'
import Login from './components/Login.vue'
import Notfound from './components/Notfound.vue'

const router = createRouter({
    history: createWebHistory(),
    routes: [
        { path: '/', component: HelloWorld },
        { path: '/login', component: Login },
        { path: '/home/:id', component: Home, sensitive: true },
        { path: '/movie', component: Movie },
        { path: '/about', component: About },
        // { path: '/:pathMatch(.*)*', component: ()=>import('./components/Notfound.vue') }
    ],
    strict:true

})

export default router